Pada kesempatan kali ini saya akan share bagaimana memasukkan suara pada website HTML, atau PHP, dan Javascript. Pada suatu project yang pernah saya garap, saya dituntut untuk memasukkan suara atau audio pada web atau sistem yang saya buat. Oleh karena itu sebagai arsip dan referensi saya pribadi, saya memasukkannya ke dalam artikel yang saya post guna memudahkan saya untuk mengakses ketika suatu saat saya membutuhkannya.
Untuk menambahkan audio atau musik pada website kita, cukup menggunakan tag bernama <audio>. Tag <audio> merupakan salah satu elemen HTML yang memungkinkan kita untuk menampilkan audio pada sebuah halaman web.
Coba anda lihat contoh di bawah ini :
Nah, anda dapat meletakkan play music button seperti di atas untuk memutar suatu file suara yang disesuaikan dengan posisi link dimana suara itu berasal
Adapun cara yang tepat dan sangat mudah untuk menambahkan audio pada website kita antara lain adalah sebagai berikut :
1. pilih File Suara ekstensi .mp3
Dalam hal ini saya menyarankan anda menggunakan file berekstensi .mp3.
2. Copy Code berikut ini :
<audio controls>
<source src="https://sistemit.com/demo/audio/sound.mp3" type="audio/mpeg">
</audio>
Penjelasan.
1. Kode src pada tag source merupakan kode penunjuk di mana file berada
2. File adalah bernama sound.mp3
3. https://sistemit.com/demo/audio/sound.mp3 adalah alamat dimana audio berasal
Bagaimana Mudah Bukan ? Anda dapat memperoleh artikel tutorial HTML lainnya pada website ini. Silahkan lihat di list menu web. Terimakasih. Semoga bermanfaat.
Salam. SistemIT.com
Jangan Lupa Komentar Ya
Pertanyaan yang sering muncul mengenai hal serupa :
Gimana sih bikin play music di web ?
Cara membuat music player di wordpress
Cara membuat music player di website
